body {
	width: 100%;
	margin: 0px auto;
	background:url(../img/BACKGROUND.png) no-repeat top;
	
	margin: auto;	
	font-family: Arial, serif;
	font-size: 10pt; 
}
#wrapper {
	/* content place here */
	width: 800px;
	margin: 0px auto;
}
.group_box {
	/* group everthing horizontal */
	width: 100%;
	
}
.group_box .left_place {
	/* left content */
	float: left;
	width: 275px;

}
.group_box .nav {
	width: 500px;
	float: left;
	height: 26px;
}
.nav table tr td {
	background: url(../img/n_left_1px.gif) repeat-x top left;
	text-transform: uppercase;
	color: #FFF;
	font-weight: 800;
	border-left: solid 1px #FFF;
	text-align: center;
}
.nav a:link {
	color: #FFF;
	text-decoration: none;
}.nav a:visited {
	color: #FFF;
	text-decoration: none;
}

.box_header {
	width: 100%;
}
.group_box .right_place {
	/* right content */
	margin-left: 275px;
	overflow: hidden;
	width: 530px;

}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.video_holder {
	width: 100%;
	/*background: url(../img/v_r.gif) no-repeat top left;*/
	height: 350px;
	margin-top: 12px;
}
#logo {
	/* display logo image */
	padding: auto;
	width: 100%;
}
#program_list {
	/* listing all program */
	width: 90%;
	margin: auto;
	margin-top: 30px;
	vertical-align: top;
	
}
.ptitle {
	width: 100%;
	background: url('../img/pt.png') repeat-x;
	height: 31px;
	

}
.ptitle h4 {
	color: #FFF;
	text-transform: uppercase;
	font-weight: 800;
	text-indent: 10px;
	padding-top: 5px;

}
.content_holder {
	/* holding text, image and content of website */
	
}
.content_holder .title {
	width: 100%;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	/*margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	/*background: url(../img/sbbody-r.gif) no-repeat bottom right;*/
	font-size: 100%;
}
.pbox {
	background: url(../img/p_1px.jpg) repeat-x top right;
	height: 290px;
	width: 275px;
}
.clbox {
	background: url(../img/cl_07.gif) no-repeat bottom right;
}
.clboxhead {
	background: url(../img/cl_04.gif) no-repeat top right;
	margin: 0;
	padding: 0;
}
.clboxhead h2 {
	background: url(../img/cl_03.gif) no-repeat top left;
	margin: 0;
	padding: 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */

}
.clbody {
	background: url(../img/cl_06.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	height: 250px;
}
.pboxbody {
	background: url(../img/p_left.gif) no-repeat top left;
	height: 290px;
	padding: 10px;
}
.pboxbody .program_list {
	width: 225px;
	margin: 10px auto;

	
}
.program_list .title {
	background: url(../img/media_03.gif) repeat-x top left;
	
	width: 100%;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 800;
	padding: 3px;
	height: 24px;
}
.program_list .lst {
	width: 100%;
	overflow: scroll;
	padding: 3px;
	height: 220px;

}
.lst .item {
	background-color: #82edff;
	border-bottom: solid 1px #43C9FF;
	text-transform: uppercase;	
	padding: 3px;
	font-weight: 800;
	font-size:9pt;
	padding-left:10px;
	color: #2f598f;
}
.lst ul li {
	background-color: #82edff;
	border-bottom: solid 1px #43C9FF;
	text-transform: uppercase;	
	padding: 3px;
	font-weight: 800;
	text-indent: 10px;
	color: #2f598f;
}
.boxhead {
	/*background: url(../img/t_r.gif) no-repeat top right;*/
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../img/top_left.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	/*background: url(../img/sbbody-l.gif) no-repeat bottom left;*/
	margin: 0;
	padding: 5px 30px 31px;
}